<template>
    <div class="content">
      <h1>{{ title }}分类</h1>
      <slot></slot>
      <footer>底部</footer>  
    </div>
</template>

<script>
export default {
    name:"Content",
    props:["title"]
}
</script>

<style scoped>
.content {
  width: 200px;
  height: 300px;
  background: greenyellow;
}

.content h1 {
  background: yellow;
}
</style>